﻿@model DramaLoad.Models.RegisterViewModel

@{
    ViewBag.Title = "Register";
    Layout = "~/Views/Shared/_Layout.cshtml";
}



    <div class="main-row" id="margin-btn">
        <h1>Please Create An Account</h1>
        <div class="top-row-wrapper" style="padding-bottom: 100px;">
            <div id="download-register">
                <div id="register-wrapper" class="f-left">
                    <div id="reg-header" class="sign-header">Not a member? Please create an account!</div>
                    <div id="reg-form-wrapper">
                        @Html.ValidationSummary("", new { @class = "sign-error" })
                        <div class="sign-error" style="display:none ">
                            <!-- for sign up error -->
                            <!-- 	*Username can only contain Letters, numbers, and underscore(_)<br/>
                            *Your passwords don't match<br />
                            *You have input invalid email<br />
                            *Please choose your membership  -->
                        </div>
                        
                        @using (Html.BeginForm("Register", "UserArea", FormMethod.Post, new { @id = "regForm", @onsubmit = "return registerCheck1(this);" }))
                        {
                            @Html.AntiForgeryToken()

                            <table>
                                <tbody>
                                    <tr><td class="td-left">@Html.LabelFor(model=>model.usernameReg):</td><td class="td-right">@Html.TextBoxFor(model=>model.usernameReg, new {@Name= "usernamereg", @class = "input-text" })</td></tr>
                                    <tr><td class="td-left">@Html.LabelFor(model => model.passwordReg):</td><td>@Html.PasswordFor(model => model.passwordReg, new { @Name = "passwordreg", @class = "input-text" })</td></tr>
                                    <tr><td class="td-left">@Html.LabelFor(model => model.passwordAgn):</td><td>@Html.PasswordFor(model => model.passwordAgn, new { @Name = "passwordagn", @class = "input-text" })</td></tr>
                                    <tr><td class="td-left">@Html.LabelFor(model => model.emailText):</td><td>@Html.TextBoxFor(model => model.emailText, new { @Name = "emailtext", @class = "input-text" })</td></tr>
                                    <tr><td colspan="2" id="email-info"><label>(Please use a valid email address to receive confirmation email!)</label></td></tr>
                                    <tr><td class="td-left">@Html.LabelFor(model => model.birthYear):</td><td>@Html.TextBoxFor(model => model.birthYear, new { @Name = "birthyear", @class = "input-text", @onfocus = "if(this.value=='Example: 1990') {this.value = '';}", @Value = "Example: 1990" })</td></tr>
                                </tbody>
                            </table>
                            <div id="membership">
                                <div id="mtext">
                                    <div id="mtitle">@Html.LabelFor(model => model.membership):</div>
                                    <div id="minfo">(<a href="javascript:void(0);" onclick="window.open('/HelpCenter/Benifit/','_blank','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=800, height=550, left=100, fullscreen=no'); return false;" rel="nofollow">Click here</a> to check premium member benefits)</div>
                                </div>
                                <div id="mitem">
                                    <div class="itm-wrapper"><div class="input-wrapper">@Html.RadioButtonFor(model => model.membership, 1, new { @id= "membershipOne", @name= "membership", @class="rinput", @onclick="javascript:memberCheck('membershipOne')"})</div><label onclick="javascript:memberCheck('labelOne')" id="labelOne">&nbsp;Free member (can't download videos)</label><div class="clear"></div></div>
                                    <!--    <div class="itm-wrapper clear"><div class="input-wrapper">@Html.RadioButtonFor(model => model.membership, 2, new { @id = "membershipTwo", @name = "membership", @class = "rinput", @onclick = "javascript:memberCheck('membershipTwo')" })</div><label  onclick="javascript:memberCheck('labelTwo')" id="labelTwo">&nbsp;$9.99 / 1 Month ( premium member )</label><div class="clear"></div></div>    -->
                                    <div class="itm-wrapper clear"><div class="input-wrapper">@Html.RadioButtonFor(model => model.membership, 3, new { @id = "membershipThree", @name = "membership", @class = "rinput", @onclick = "javascript:memberCheck('membershipThree')" })</div><label onclick="javascript:memberCheck('labelThree')" id="labelThree">&nbsp;$20.99 / 3 Months ( premium member )</label><div class="clear"></div></div>
                                    <div class="itm-wrapper clear"><div class="input-wrapper">@Html.RadioButtonFor(model => model.membership, 4, new { @id = "membershipFour", @name = "membership", @class = "rinput", @onclick = "javascript:memberCheck('membershipFour')" })</div><label onclick="javascript:memberCheck('labelFour')" id="labelFour">&nbsp;$35.99 / 6 Months ( premium member )</label><div class="clear"></div></div>
                                    <div class="itm-wrapper clear"><div class="input-wrapper">@Html.RadioButtonFor(model => model.membership, 5, new { @id = "membershipFive", @name = "membership", @class = "rinput", @onclick = "javascript:memberCheck('membershipFive')" })</div><label onclick="javascript:memberCheck('labelFive')" id="labelFive">&nbsp;$59.99 / 12 Months ( premium member )</label><div class="clear"></div></div>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div id="member-note">
                                Note: All downloadable videos are hosted on our servers and the servers fees are very expensive, so we have to charge premium member some money which will go to funding our server hosting fees. You can <a href="javascript:void(0);" onclick="window.open('/HelpCenter/Benifit/','_blank','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=800, height=550, left=100, fullscreen=no'); return false;" rel="nofollow">click here </a>to check premium member benefits.
                            </div>
                            <div id="reg-smit">
                                <input id="regSubmit" value="" type="submit" class="submit">
                                <input id="regForm" type="hidden" name="regmain" value="1">
                                <input id="return" type="hidden" name="regreturn" value="dXNlci1hcmVhL3JlZ2lzdGVyLw==">
                            </div>
                        }
                    </div>
                </div>
                <div id="login-wrapper" class="f-right">
                    <div id="login-header" class="sign-header">Already a member? Please sign in!</div>
                    <div id="login-form-wrapper">
                        <div class="sign-error" style="display:none ">
                            <!-- for sign up error -->
                            <!--*Username doesn't exist!<br/>
                            *Password is invalid!<br />-->
                        </div>
                        <form action="/UserArea/Login/" method="post" onsubmit="">
                            <table>
                                <tbody>
                                    <tr><td class="td-left">Username:</td><td class="td-right"><input id="usernameLogin" name="usernamelogin" type="text" class="input-text" value=""></td></tr>
                                    <tr><td class="td-left">Password:</td><td><input id="passwordLogin" name="passwordlogin" type="password" class="input-text"></td></tr>
                                </tbody>
                            </table>
                            <div id="remember-me">
                                <input id="remCheck" name="remcheck" type="checkbox" checked="checked">
                                Stay Signed In
                            </div>
                            <div id="login-smit">
                                <div><input id="loginSubmit" value="" type="submit" class="submit"></div><a href="/UserArea/LostPwd/" id="lost-pwd">Lost password?</a>
                                <input id="loginForm" type="hidden" name="loginmain" value="1">
                                <input id="regForm" type="hidden" name="loginreturn" value="dXNlci1hcmVhL2xvZ2luLw==">
                            </div>
                        </form>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>


